<template>
	<view class="content">
		<u-navbar bgColor='#4871C0' :titleStyle="{ color: '#FFF'}" title="评论区" leftIconColor="#FFF"
			@rightClick="rightClick" :autoBack="true"  >
		</u-navbar>
		<view class="comment" style="margin-top: 10px;">
			<u-row>
				<u-col :span="6" style="display: block;">
					<img src="../../../static/img/user.jpg" class="user-img"/>
					<span class="username">张丽丹</span>
				</u-col>
				<u-col :span="6" style="text-align: end;padding-right: 15px;">
					<span  class="tongguo">已通过</span>
				</u-col>
			</u-row>
			

			<view class="com-content">
				<p>关于本校评选优秀教师优秀教师的关于本校评选优秀教师优秀教师的关于本校评选优秀教师优秀教</p>
			</view>
			<img src="../../../static/img/user.jpg" width="100px;" style="margin-left: 15px;border-radius: 5px;">
			<view class="link">
				<img src="../../../static/img/link.png" class="link-img"/>
				小米的论文数据修改版
			</view>
		</view>
		<view class="comment">
			<u-row>
				<u-col :span="6" style="display: block;">
					<img src="../../../static/img/user.jpg" class="user-img"/>
					<span class="username">张丽丹</span>
				</u-col>
				<u-col :span="6" style="text-align: end;padding-right: 15px;">
					<span  class="bohui">被驳回</span>
				</u-col>
			</u-row>
			
			<view class="com-content">
				<p>关于本校评选优秀教师优秀教师的关于本校评选优秀教师优秀教师的关于本校评选优秀教师优秀教</p>
			</view>
			<img src="../../../static/img/user.jpg" width="100px;" style="margin-left: 15px;border-radius: 5px;">
			<view class="link">
				<img src="../../../static/img/link.png" class="link-img"/>
				小米的论文数据修改版
			</view>
			<view class="com-content">
				<p>驳回理由：关于本校评选优秀教师优秀教师的关于本校评选优秀教师优秀教师的关于本校评选优秀教师优秀教</p>
			</view>
		</view>
	</view>
</template>

<scripx>
</scripx>

<style>
	.content {
		background-color: #F8F8F8;
		min-height: 100vh;
	}
	.comment{
		background-color: #FFF;
		padding: 5px;
		margin: 10px 15px;
	}
	.com-content{
		margin: 5px 15px;
		font-size: 14px;
		font-size: 'PingFang SC-Bold';
		line-height: 26px;
	}
	.username{
		color: #333333;
		font-weight: bold;
		font-size: 14px;
		font-size: 'PingFang SC-Bold';
	}
	.user-img{
		vertical-align: middle;
		margin-right: 2px;
		margin-left: 15px;
		width: 24px;
		height: 24px;
		border-radius: 15px;
	}
	.link-img{
		vertical-align: middle;
		margin-right: 2px;
		margin-left: 15px;
		width: 14px;
		height: 14px;
	}
	.link{
		background-color: #EBF1FD;
		padding: 10px 5px;
		margin: 8px 15px;
		
		border-radius: 5px;
		color: #4871C0;
		font-size: 14px;
		font-size: 'PingFang SC-Bold';
	}
/* 	p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	} */
	.button-group{
		display: inline-flex;
		width: 100%;
		margin-left: 50%;
		margin-top: 10px;
	}
	.button{
		width: 50px;
		margin: 0px;
		margin-right: 10px;
		border-radius: 5px;
	}
	.tongguo{
		color: #333333;
		font-weight: 200;
		font-size: 18px;
		margin-left: 55%;
		color: #4871C0;
		font-size: 14px;
		font-size: 'PingFang SC-Bold';
	}
	.bohui{
		color: #333333;
		font-weight: 200;
		font-size: 18px;
		margin-left: 55%;
		color: #FF7A00;
		font-size: 14px;
		font-size: 'PingFang SC-Bold';
	}
</style>